@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.yz_c{height:682px;padding-top:57px;}
.yz_c .tit{text-align: center;height: 208px;}
.yz_c .tit h2{font-size:48px;color: #1a1a1a;height: 74px;line-height: 50px}
.yz_c .tit h2 img{vertical-align:bottom;}
.yz_c .tit h2 span{}
.yz_c .tit h2 span b{background: linear-gradient(68deg,#0082a1, #59bc68);
    -webkit-background-clip: text;
    color: transparent;}
.yz_c .tit p{font-size:18px;color: #333333;height: 32px;line-height: 32px;}
.yz_nr dl{float:left;width:286px;margin-right:18px;height: 406px;position: relative;}
.yz_nr dt{font-size:0;line-height: 0;overflow: hidden;width:286px;}
.yz_nr dt em img{width:286px;height: 195px;transition: all 0.5s}
.yz_nr dd{height: 211px;border:1px solid #eaebeb;border-top:0;position: absolute;left:0;bottom:0;text-align: center;transition: all 0.5s;background: #fff;width:100%;overflow: hidden;box-sizing: border-box;}
.yz_nr dt i{position: absolute;left:102px;top:145px;z-index: 9;transition:1s}
.yz_nr dd h4{padding-top:77px;height: 133px;background: url(../images/yz_a2.png) no-repeat center bottom;}
.yz_nr dd h4 span{display: block;height: 42px;line-height: 42px;font-size:32px;color: #1a1a1a;font-weight: bold;}
.yz_nr dd h4 em{display: block;font-size:20px;color: #1a1a1a;height: 27px;line-height: 27px;font-weight:normal;}
.yz_nr dl:hover dd{text-align: left;padding-left:22px;height: 308px}
.yz_nr dl:hover dd h4{padding-top:35px;height: 95px;background-position: left bottom;}
.yz_nr dl:hover dt i{opacity: 0;transition: 0.2s}
.yz_nr dl:hover dd p{display: block;}
.yz_nr dl:hover dt em img{transform: scale(1.1)}
.yz_nr dl dd p{font-size:16px;color: #6e6e6e;line-height: 30px;padding-top:15px;width:240px;display: none}
.yz_nr dl:last-child{margin:0;}
.index-span {
    font-size: 50px;
    color: #d9d9d9;
    font-family: 'Roboto';
    display: inline-block;
    background-image: -webkit-linear-gradient(top, #d9d9d9, #ececec,transparent);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.titis{overflow: hidden;text-align: center;height:144px;}
.titis h2 {height:67px;line-height:67px;font-size:48px;color: #333333;}
.titis h2 a{color: #333333}
.titis p {display:block;font-size:20px;color:#5e5e5f;line-height:34px;height:34px;}

.gui-sz{width:100%; height:158px;padding-top:43px; box-sizing: border-box;}
.gui-sz ul li{float:left; height:173px;}

.gui-sz ul li span em{display: inline-block; height:56px; line-height: 56px;font-size: 55px; color:#003171; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.gui-sz ul li span i{display: inline-block; width:17px; height: 17px; background:#E60012;border-radius: 50%; text-align: center; line-height: 17px;font-size: 13px;color:#FFFFFF; vertical-align: bottom;margin:0 0 5px -8px;}
.gui-sz ul li p{height:27px;font-size: 14px; line-height: 27px; color:#333333;text-align: center;}
.gui-sz ul li:nth-child(4) p{padding-left:46px;}
.gui-sz ul li:nth-child(5) p{padding-left:23px;}
.gui-sz ul li:last-child{border-right:0;}
.about_nub1 {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto;
}





.gui-sz ul li {
    float: left;
    height: 173px;
}

.about_nub1 li {
    
    min-height: 120px;  width:37%; float:left; margin-left:3%
}
.about_nub1 li b div {
    font-size: 50px!important;
    color: #21499b!important; margin-bottom:0px!important; font-family:Arial, Helvetica, sans-serif!important; font-weight:bold; float:left; margin-right:3%
}
.about_nub1 li b span{ width:19px; height:19px; background:#d7161d; color:#fff; line-height:19px; text-align:center; border-radius: 50%; font-size:12px; display:inline-block; margin-top:20px }
.about_nub1 li b .imh{ display:inline-block; width:100%; float:left; text-align:center}

.about_nub1 li .intro {
    display: block;
    font-size: 16px;
    line-height: 27px; color:#181818!important; margin-top:5px; text-align:center
}.about_nub1 li span img {
    width: 30px!important;
    position: relative;
    top: 12px;
    margin-right: 5px;
    vertical-align: super;
}
.about_nub1 li b  {
    font-size: 0.9rem!important;
    color: #666!important;
    line-height: 55px!important;
    font-family: 'BEBAS'!important;
    margin-bottom: 5px!important;
    font-weight:normal!important;
    margin-right: 12px!important;
    letter-spacing: -1px!important; float:left; width:100%;
}

.about_nub1 li b .ikk{ width:100%; display:flex;justify-content: center }


.about_nub1 li .intro img{ width:20%}
.about_nub1 li b .imh img{ }
.about_nub1 li b div{ }
.quality-con-02{
    width: 100%;
    position: relative;
    margin-top: 60px;
    overflow: hidden;
}

@font-face {
	font-family:Montserrat-Hairline;
	src: url('../fonts/Montserrat-Hairline.ttf'); }

@font-face {
	font-family:Montserrat-Light;
	src: url('../fonts/Montserrat-Light.ttf'); }
    .ind2{width: 100%;position: relative;padding: 118px 0 204px 0;height:460px}
    .ind2-b1{height: 230px;position: absolute;top: 0;right: 0;}
    .ind2-b2{height: 277px;position: absolute;bottom: 0;left: 0;}
    .ind2-b3{height: 604px;position: absolute;bottom: 35px;right: 0;}
    .ind2-a{margin: 0  auto;position: relative; max-width:1600px; padding:0 6%}
    .ind2-a1{float: left;}
    .ind2-a2{height: 49px; font-size:36px; font-family:Montserrat-Light;  color:#000}
	
    .ind2-a3{width: max-content;font-size: 46px;line-height: 42px;font-weight: bold;margin-top: 13px;background: linear-gradient(68deg,#0082a1, #59bc68);-webkit-background-clip: text;color: transparent; height:52px}
    .ind2-a4{font-size: 22px;line-height: 24px;color: #333;font-weight:normal;margin-top: 16px;}
    .ind2-a5{font-size: 16px;line-height: 36px;color: #565656;margin-top: 35px;max-width: 805px; width:100%}
	
	
	/*--------------------------------------------------------------------------------------------------------------------------------------550--*/


	
    .ind2-a6 {width: 145px;height: 46px;border-top: 1px solid #0082a1;border-bottom: 1px solid #0082a1;display: flex;margin-top: 65px;align-items: center;justify-content: space-between;padding: 0 20px 0 5px; position: relative; font-size:15px; color:#4489fe!important;  
  
  position: relative;
  }

.ind2-a6:hover{ color:#fff!important;}
	
    .ind2-a61{font-size: 18px;line-height: 18px; text-transform: uppercase;font-family: 'Barlow';color:#00629f!important;}
    .ind2-a62{width: 18px;height: 11px;margin-left: 17px;transition: 0.5s; margin-top:-6px}
    .ind2-a6:hover .ind2-a62{transform: translateX(10px);transition: 0.5s;}
    .ind2-c{float: right;padding-top: 48px;}
    .ind2-c2{float: left;margin-right: 108px;}
    .ind2-c1>.ind2-c2:last-child{margin-right: 0;}
    .ind2-c21{font-size: 18px;line-height: 18px;color: #2c2c4e;}
    .ind2-c21>span{font-size: 62px;background: linear-gradient(68deg,#0082a1, #59bc68);-webkit-background-clip: text;color: transparent;font-family: 'DIN';}
    .ind2-c21>span:nth-child(1){display:none}
    .ind2-c22{font-size: 20px;line-height: 20px;color: #757575;margin-top: 30px;}
    .ind2-c4{width: 340px;height: 340px;margin: 0 auto;margin-top: 145px;border-radius: 50%;position: relative;}
    .ind2-c4>img{width: 100%;height:100%;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;animation:trans 3s linear infinite;}
    @keyframes trans {0%{transform: scale(0.8);opacity:1;}50%{transform: scale(0.9);opacity:0.5;}100%{transform: scale(1);opacity:0;}}
    .ind2-c3{width: 176px;height: 176px;background: linear-gradient(to bottom,#59bc68,#0082a1);border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto; padding:3%;}
    .ind2-c31{font-size: 36px;line-height: 36px;color: #fff;font-family: 'DINr';position: absolute;left: 28px;top: 28px;text-transform: uppercase;}
    .ind2-c32{font-size: 45px;line-height: 40px;color: #fff;position: absolute;left: 28px;top: 60px;color: #dff2eb;font-family: 'DIN';}
    .ind2-c33{font-size: 20px;line-height: 28px;font-weight:normal;color: #fff;position: absolute;left: 28px;top: 105px; padding-right:14% }
    .ind2-c34{width: 13px;height: 13px;position: absolute;left: calc(50% - 13px/2);bottom: 24px;}




    .ind2-c41{width: 240px;height: 240px;margin: 0 auto;margin-top: 5px;border-radius: 50%;position: relative;margin-top: -515px;
    border-radius: 50%;
    position: relative;
    margin-left: -130px}
    .ind2-c41>img{width: 100%;height:100%;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;animation:trans 3s linear infinite;}
    @keyframes trans {0%{transform: scale(0.8);opacity:1;}50%{transform: scale(0.9);opacity:0.5;}100%{transform: scale(1);opacity:0;}}
    .ind2-c3a{width: 116px;height: 116px;background: linear-gradient(to bottom,#59bc68,#0082a1);border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto; padding:3%;opacity: 0.8; }
    .ind2-c311{font-size: 36px;line-height: 36px;color: #fff;font-family: 'DINr';position: absolute;left: 28px;top: 18px;text-transform: uppercase;}
    .ind2-c321{font-size: 45px;line-height: 40px;color: #fff;position: absolute;left: 28px;top: 10px;color: #dff2eb;font-family: 'DIN';}
    .ind2-c331{font-size: 20px;line-height: 28px;font-weight:normal;color: #fff;position: absolute;left: 28px;top: 55px; padding-right:14% }
    .ind2-c341{width: 13px;height: 13px;position: absolute;left: calc(50% - 13px/2);bottom: 24px;}


    .ind2-c41a{width: 280px;height: 280px;margin: 0 auto;margin-top: 5px;border-radius: 50%;position: relative;margin-top: -315px;
    border-radius: 50%;
    position: relative;
    margin-left: 130px}
    .ind2-c41a>img{width: 100%;height:100%;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;animation:trans 3s linear infinite;}
    @keyframes trans {0%{transform: scale(0.8);opacity:1;}50%{transform: scale(0.9);opacity:0.5;}100%{transform: scale(1);opacity:0;}}
    .ind2-c3aa{width: 146px;height: 146px;background: linear-gradient(to bottom,#6ec07a,#148fac);border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto; padding:3%;opacity: 0.8; }
    .ind2-c311a{font-size: 36px;line-height: 36px;color: #fff;font-family: 'DINr';position: absolute;left: 28px;top: 28px;text-transform: uppercase;}
    .ind2-c321a{font-size: 45px;line-height: 40px;color: #fff;position: absolute;left: 28px;top: 27px;color: #dff2eb;font-family: 'DIN';}
    .ind2-c331a{font-size: 20px;line-height: 28px;font-weight:normal;color: #fff;position: absolute;left: 28px;top: 68px; padding-right:14% }
    .ind2-c341a{width: 13px;height: 13px;position: absolute;left: calc(50% - 13px/2);bottom: 24px;}

/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1650px){  

 .ind2-c33{font-size: 17px;line-height: 28px;font-weight:normal;color: #fff;position: absolute;left: 28px;top: 105px; padding-right:18% }
 .ind2-c331{font-size: 16px;line-height: 28px;font-weight:normal;color: #fff;position: absolute;left: 28px;top: 55px; padding-right:14% }
 .ind2-c331a{font-size: 16px;line-height: 28px;font-weight:normal;color: #fff;position: absolute;left: 28px;top: 68px; padding-right:14% }

}




.con_02{background:url(../images/index_05.jpg) no-repeat center top fixed;height:auto;width:100%;overflow:hidden;height:213px;text-align:center;color:#fff;background-size: cover;}
.con_02 h1{font-size:30px;font-weight:bold;padding-top:52px; display:flex; justify-content: center }
.con_02 h2{font-size:20px;padding-top:13px;}
.con_02 h2 span{font-size:33px;font-weight:bold;color:#fff000; font-family:Arial, Helvetica, sans-serif}
.con_02 h2 img{ vertical-align:middle;padding-right:6px;}
.con_02 h1 li:first-child { background:url(../images/sl_icon1.png) no-repeat left center; padding-left:60px; height:43px}
.con_02 h1 li:nth-child(2){ background:url(../images/sl_icon2.png) no-repeat left center; padding-left:60px; height:43px}
.con_02 h1 li:nth-child(3){ background:url(../images/sl_icon4.png) no-repeat left center; padding-left:60px; height:43px}

.con_02 h1 li{ margin-right:2%}

@font-face {
	font-family:'Oswald';
	src: url('../fonts/Oswald-Regular.ttf'); }
 .ind3{width: 100%;background: #edf7f0;padding: 90px 0 125px 0;overflow: hidden;}
    .ind3-a{width: 1300px;margin: 0 auto;position: relative; display:flex}
    .ind3-a1{position: relative;width: 30%;}
    .ind3-a1a{font-size: 48px;line-height: 48px;font-family: 'Oswald';background: linear-gradient(to bottom,#59bc68,#0082a1);-webkit-background-clip: text;color: transparent;text-transform: uppercase;}
    .ind3-a1b{font-size: 32px;line-height: 32px;margin-top: 24px; color:#000}
    .ind3-a1 .ind2-a6{position: absolute;right: 0;top: 3px;margin-top: 0;}
    .ind3-a2{width: 100%;margin-top: 85px;padding-bottom: 95px;position: relative;}
    .ind3-swi{width: calc(585px*3);}
    .ind3-a21{width: 100%;height: 350px;background:#59bc69;position:relative;}
    .ind3-swi>div>.swiper-slide:nth-child(2n) .ind3-a21{background:#00b8bb;}
    .ind3-swi>div>.swiper-slide:nth-child(3n) .ind3-a21{background:#0082a1;}
    .ind3-a21>img{height:195px;position:absolute;right:0;top:0;left:0;bottom:0;margin:auto;transition: 0.5s;}
    .ind3-a22{font-size: 24px;line-height: 24px;font-weight: bold;margin-top: 57px;}
    .ind3-a23{font-size: 16px;line-height: 16px;color: #757575;margin-top: 23px;}
    .ind3-a21:hover >img{transform: scale(1.08);transition: 0.5s;}
    .ind3-next{width: 18px;height: 11px;background: url(../img/a16.png) no-repeat;background-size: 100% 100%;position: absolute;right: 0;top: auto;bottom: calc(20px/2 - 11px/2);outline: none;}
    .ind3-prev{width: 18px;height: 11px;background: url(../img/a17.png) no-repeat;background-size: 100% 100%;position: absolute;left: auto;right: 90px;top: auto;bottom: calc(20px/2 - 11px/2);outline: none;}
    .ind3-line{width: 1px;height: 20px;background: #bfbfbf;position: absolute;bottom: 0;right: 54px;}
    .ind3-scr{width: calc(100% - 165px);height: 1px;position: absolute;left: 0;bottom: calc(20px/2 - 1px/2);background: #dcdcdc;}
    .swiper-scrollbar-drag{height: 3px;margin-top: -1px;background: linear-gradient(to right,#0082a1,#59bc68);}



.pro ul{overflow:hidden; text-align:left;  font-size:17px; }
.pro ul li{display:inline;float:left;}
.pro ul li a{ float:left;padding-top:5px;  line-height:30px; background:url(../images/d.jpg) no-repeat left 15px; padding-left:30px; padding-right:50px}
.pro ul li a:hover{ -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;padding-left:25px; }
.pro{width:100%; height:80px;}



  .ind2-a61 { width:55%
  }.ind3-aa{margin: 0 auto; display:flex; justify-content: space-between; max-width:1600px; padding:0 6% }
.ind21honor{width: 100%;position: relative;padding: 78px 0 204px 0;height:370px; background:url(../images/a5.jpg) no-repeat center top fixed; background-size:cover}

@media all and (max-width:1650px){  

 .ind2-a5{font-size: 16px;line-height: 36px;color: #565656;margin-top: 35px;max-width: 605px; width:100%}
 .ind3-a1 {
    position: relative;
    width: 40%;
}.ind2-a61 {
    width: 65%; font-size:16px
}
 
 
  .ind21honor{width: 100%;position: relative;padding: 78px 0 204px 0;height:330px; background:url(../images/a5.jpg) no-repeat center top fixed;background-size:cover}


 
}



  







 .ind5-t>div:nth-child(1){font-size: 28px;line-height: 48px;text-align: center;font-family: 'Oswald';background: linear-gradient(to bottom,#d5e9d8,#b9d6dd);-webkit-background-clip: text;color: transparent;text-transform: uppercase; 
opacity: 0.5;font-size: 50px;
    color: #d9d9d9;
    font-family: 'Oswald';
    display: inline-block;
    background-image: -webkit-linear-gradient(top, #d9d9d9, #ececec,transparent);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
    .ind5-t>div:nth-child(2){font-size:42px;
    line-height: 52px;

    color: #333;text-align: center;margin-top: 15px; font-weight:bold;background: linear-gradient(to bottom,#59bc68,#006ea1);
    -webkit-background-clip: text;
    color: transparent; height:55px}    
.ind5-t>div:nth-child(2) span{ color:#000}
.ind5-t>div:nth-child(3){ text-align:center; margin-top:10px; font-size:18px; color:#666; margin-bottom:20px}



.news02 {
    margin: auto;
    width: 1202px;
    padding-top: 50px;
}.n1{width:559px;float:left; }
.n1 h4{width:559px; font-size:18px;  font-weight:normal;float:left; padding-bottom:20px; color:#000}
.n1 h4 a{color:#000}
.ttxw_tu{width:559px; height:243px; float:left; padding-bottom:15px; }

.ttxw_tu .tttt{width:559px; height:243px; float:left; overflow:hidden}
.ttxw_tu a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.ttxw_tu a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.ttxw{width:559px; height:27px;  font-size:17px;  font-weight:normal;float:left;margin-bottom:0px; color:#333333}
.ttxw a{color:#333333}

.ttxw1{width:559px; height:60px;  font-weight:normal;float:left; margin-bottom:5px; color:#7f7f7f }
.ttxw1 a{color:#7f7f7f ; font-size:15px ; line-height:30px}
.ttxw1 span{ font-size:12px; color:#fff;  padding-left:25px; padding-right:25px; padding-top:8px; padding-bottom:8px;}

.nr2 {
    float: left;
    width: 116px;
    height: 243px;
    background: url(../images/pb.png) repeat;
    position: absolute;
    margin-left: 20px;
    clear: both;
    z-index: 1500;
}
.nr2 h5 {
    float: left;
    font-size: 18px;
    font-weight: normal;
    border-bottom: #FFFFFF solid 5px;
    color: #FFFFFF;
    margin-left: 40px;
    padding-top: 80px; line-height:25px; padding-bottom:20px
}

 
.n2{width:600px;float:right; padding-bottom:8%}

.n2 ul{overflow:hidden; text-align:left; float:left;}
.n2 ul li{display:inline;float:left;  height:110px; float:left;  width:600px; margin-bottom:13px; padding-top:13px; border-bottom:#ececec solid 1px; display:flex }
.n2 ul li a{ float:left; font-size:15px; color:#a1a1a1 ; padding-top:18px}
.n2 ul li:hover{ color:#fff;background-image: -webkit-linear-gradient(left,#59bc68,#006ea1);}
.n2 ul li:hover a{color:#fff;}
.n2 ul li:hover b,.n2 ul li:hover h5, .n2 ul li:hover p,.n2 ul li:hover div{color:#fff;}

.n2 ul li a p{ margin-top:10px; line-height:30px; display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;  
        overflow: hidden; height:30px
}
.n2 ul li:first-child{border-top:#ececec solid 1px;}

.n2 em{ color:#d3d3d3;  font-style:normal }

.shijian{ width:90px; float:left;  color:#333;  text-align:center;  font-size:15px; margin-right:10px; padding-top:10px}
.shijian b{  font-size:35px;text-align:center; padding-left:10px; font-family:Arial, Helvetica, sans-serif; line-height:45px }
 .nr5 {
    width: 559px;
    position: relative;
    clear: both;
    height: 0px;
}



.nr5 h5{ color:#333; font-size:18px; line-height:24px; float:left; font-weight:normal;display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden; height:24px; width:100%
}
.nr5 h5 a{ color:#666666;}
.nr5 span{ width:100%; margin-top:4px; line-height:24px; display:block}






@media screen and (max-width:1440px) and (min-width:1366px) {
    html {font-size:20px;}
   

}
@media screen and (max-width:1920px) and (min-width:1600px) {
    html {font-size:20px;}
}



@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }





@media all and (max-width:850px){  


.ind2-a5 {
    font-size: 14px;
    line-height: 26px;
    color: #565656;
    margin-top: 25px;
    max-width: 605px;
    width: 100%;
}
.ind2-b3 img{ width:100%} 
.ind2-a6 {
    width: 115px;
    height: 36px;
    border-top: 1px solid #0082a1;
    border-bottom: 1px solid #0082a1;
    display: flex;
    margin-top: 35px;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 0 5px;
    position: relative;
    font-size: 15px;
    color: #4489fe!important;
    position: relative;
}.ind2-c{ display:none}


.ind2-b3 {
    height: 404px;
    position: absolute;
    bottom: 0px;
    right: 0;
}.con_02 h1 {
    font-size: 18px;
    font-weight: bold;
    padding-top: 22px;
    display: flex;
    justify-content: center;flex-wrap:  wrap ;
}
.con_02 h1 li{ text-align:left; width:92%; margin-left:6%; line-height:43px}
.con_02 h1 li:first-child,.con_02 h1 li:nth-child(2),.con_02 h1 li:nth-child(3){ background-size:10%}
.con_02 h2 {
    font-size: 17px;
    padding-top: 13px;
}.con_02 h2 span {
    font-size: 23px;
    font-weight: bold;
    color: #fff000;
    font-family: Arial, Helvetica, sans-serif;
}
.ind3 {
    width: 100%;
    background: #edf7f0;
    padding: 50px 0 60px 0;
    overflow: hidden;
}
.ind3-aa{flex-wrap:  wrap ;max-width: 100%;}
.ind3-a1 {
    position: relative;
    width: 100%;
}
.ind3-a1a {
    font-size: 28px;
    line-height: 48px;
    font-family: 'Oswald';
    background: linear-gradient(to bottom,#59bc68,#0082a1);
    -webkit-background-clip: text;
    color: transparent;
    text-transform: uppercase;
}.ind3-a1b {
    font-size: 20px;
    line-height: 32px;
    margin-top: 4px;
    color: #000;
}.ind2-a61 {
    width: 100%;
    font-size: 16px; margin-top:4%
}.pro ul li {
    display: inline;
    float: left; width:50%
}
.pro ul li a {
    float: left;
    padding-top: 5px;
    line-height: 30px;
    background: url(../images/d.jpg) no-repeat left 15px;
    padding-left: 20px;
  
    padding-right: 0px;
}
.ind5-t>div:nth-child(2) {
    font-size: 26px;
    line-height: 52px;
    color: #333;
    text-align: center;
    margin-top: 0px;
    font-weight: bold;
    background: linear-gradient(to bottom,#59bc68,#006ea1);
    -webkit-background-clip: text;
    color: transparent;
    height: 55px;
}.ind5-t>div:nth-child(3) {
    text-align: center;
    margin-top: 0px;
    font-size: 16px;
    color: #666;
    margin-bottom: 10px;
}

.ind21honor {
    width: 100%;
    position: relative;
    padding: 38px 0 204px 0;
    height: 180px;
    background: url(../images/a5.jpg) no-repeat center top fixed;
    background-size: cover;
}.news02 {
    margin: auto;
    width: 100%;
    padding-top: 50px;
}.news02 {
    margin: auto;
    width: 90%;
    padding-top: 50px;
}.n1 {
    width: 100%;
    float: left;
}.ttxw_tu {
    width: 100%;
    height: 243px;
    float: left;
    padding-bottom: 15px;
}.ttxw_tu .tttt {
    width:  100%;
    height: 243px;
    float: left;
    overflow: hidden;
}
.n2 {
    width: 100%;
    float: right;
    padding-bottom: 8%; margin-top:7%; padding-bottom:90px
}
.ttxw1 {
  width: 100%;
    height: 60px;
    font-weight: normal;
    float: left;
    margin-bottom: 5px;
    color: #7f7f7f;
}
.ttxw {
    width: 100%;
    height: 27px;
    font-size: 17px;
    font-weight: normal;
    float: left;
    margin-bottom: 0px;
    color: #333333;
}
.n2 ul{
    width: 100%;}
.n2 ul li {
    width: 100%;}
	
	
.shijian {
    width: 20%;
    float: left;
    color: #333;
    text-align: center;
    font-size: 12px;
    margin-right: 0px;
    padding-top: 0px;
}.nr5 {
    width: 75%;
    position: relative;
    clear: both;
    height: 0px; margin-left:5%
}	
	.shijian b {
    font-size: 35px;
    text-align: center;
     padding-left: 0px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 65px;
}.nr5 span {
    width: 100%;
    margin-top: 7px;
    line-height: 21px;
    display: block;
    height: 40px;
    overflow: hidden;
    padding-top: 3%;
}
	
	
	
	
	
	

}